import './index.scss'
import { RightCircleOutlined } from '@ant-design/icons'
import { useNavigate } from 'react-router-dom'

const Error = () => {
  const errorImg = require('@/assets/images/404.jpg')
  const navigate = useNavigate()
  return (
    <div className="error">
        <img src={errorImg} alt="" />
        <div className='back' onClick={() => navigate(-1)}>
            <RightCircleOutlined className='icon' />
            Take me home
        </div>
        <div className='title'>Houston, we have a problem!</div>
        <div className='tips'>Error 404, the page you are looking for doesn't exist.</div>
    </div>
  )
}

export default Error
